@import "../Variables.scss";

#drawer {
	height: 100vh;
	padding: 0;
	transition: margin-left 0.3s ease;
	.MuiPaper-root {
		position: relative;
		z-index: 5;
		.MuiTabs-root {
			min-height: 5em;
		}
		.MuiTabs-flexContainer {
			button {
				font-size: 0.85em;
				text-transform: none;
				white-space: nowrap;
			}
		}
		.MuiTabs-indicator {
			top: 0;
		}
	}
	.drawerHandle {
		width: 0.3em;
		height: 100vh;
		position: absolute;
		top: 0;
		right: 0;
		cursor: ew-resize;
	}
	&.open {
		min-width: 19em;
		margin-left: 0!important;
	}
}

.disableAnimations #drawer {
	transition: none;
}